// static/js/student_list.js

document.addEventListener('DOMContentLoaded', function() {
    // 监听所有删除表单的提交事件
    document.querySelectorAll('.delete-form').forEach(form => {
        form.addEventListener('submit', function(e) {
            // 不需要阻止默认行为，因为我们要表单正常提交进行页面刷新
            // 但可以在这里添加加载效果
            const submitBtn = this.querySelector('button[type="submit"]');
            submitBtn.disabled = true;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin me-1"></i>删除中...';
        });
    });

    // 你可以在这里添加更多交互，例如：
    // 1. 为表格行添加点击事件，点击整行跳转到详情页
    document.querySelectorAll('tbody tr').forEach(row => {
        row.addEventListener('click', function(e) {
            // 如果点击的是按钮或按钮内的图标，则不触发行点击事件
            if (e.target.closest('button, .btn')) {
                return;
            }
            const studentId = this.getAttribute('data-student-id');
            if (studentId) {
                window.location.href = `/users/student/detail/${studentId}/`; // 假设详情页URL
            }
        });
    });

    // 2. 实现更复杂的搜索建议功能
    // ...
});